<!-- 描述：暂无 -->
<template>
  <BaseForm v-model="modelData" :fields="fields">
    
  </BaseForm>
</template>
<script lang="ts" setup>
import { ref, reactive, watch, computed } from "vue";

const props = withDefaults(
  defineProps<{
    _exampleProp?: CommonObj;
  }>(),
  {
    _exampleProp: () => ({}),
  }
);

;
const modelData = reactive({
  "id": 0,
  "nc": "这是用户昵称",
  "zy": 0,
  "xm": ""
});
const fields = [
  {
    "label": "备注",
    "type": "input",
    "attrs": {
      "type": "textarea",
      "maxlength": 50
    },
    "prop": "remark"
  },
  {
    "prop": "status",
    "label": "启用状态",
    "type": "input",
    "attrs": {
      "activeText": "启用",
      "inactiveText": "禁用"
    }
  },
  {
    "label": "电话",
    "rules": [
      {
        "message": "请输入正确的11位电话号码",
        "trigger": "change"
      }
    ],
    "attrs": {
      "maxlength": 11
    },
    "prop": "phone",
    "type": "input"
  }
];
</script>
<style lang="scss" scoped></style>